<html>
	<head>
		<META charset="Utf8"/>
		<style>
			@import url("styles.css");			
		</style>				
	</head>
	<body>
		<div id="page">	
			<div id="userandnotif_bar">
				<span>
					<a href="#"><div class=" notification_updated notification_bubble">1</div></a>
					<a href="#"><div class="notification_bubble">0</div></a>
					<a href="#"><div class="notification_bubble">0</div></a>
					<a href="#"><div class=" notification_updated notification_bubble">3</div></a>
					<div class="right">
					<button>
					my profile
					</button>
					<button>
					friends
					</button>
					<a href="index.html"><button>
					exit
					</button></a>
					</div>
				</span>
				<div class="cleaner">
				</div>
			</div>
			<div id="main_header">
				<form>
					<h1>ask4<input id="askfor_box" type="textbox" value="news" name="askfor"/>
						<a href="#">new bytes</a>
						<a href="#">my bytes</a>
						<a href="#">friends bytes</a>
						<a href="#">give bytes</a>
						...
					</h1>
				</form>			
			</div>			
			<div id="content">
				<div id="profile_avatar">
					<div id="profile_avatar_picture"></div>
					<button>change profile picture</button>
					<form>						
						<input type="textbox" value="Ivan Ivanov"/>
						<textarea>I am interested in something</textarea>						
						<input type="textbox" value="ivan@gmail.com"/>
					</form>
					<button>edit my profile</button>
					<ul id="user_commands_menu">
						<li><button>news</button></li>
						<li><button>my bytes</button></li>
						<li><button>friends</button></li>											
					</ul>
				</div>
				<div id="profile_chat">					
					chat here
				</div>
				friends here
				<div class="cleaner"></div>
			</div>
			<div id="footer">
				footer<br/>
				->тук мисля да показва приятелите които са на линия в бъдеще
			</div>
		</div>
	</body>
</html>